@import "./var.scss";
/**
 * 背景色
 */
.bg-grey{background-color: $ucs-color-grey;}
.bg-grey-1{background-color: $ucs-color-grey-1;}
.bg-grey-2{background-color: $ucs-color-grey-2;}
.bg-grey-3{background-color: $ucs-color-grey-3;}
.bg-grey-4{background-color: $ucs-color-grey-4;}
.bg-grey-5{background-color: $ucs-color-grey-5;}
.bg-grey-6{background-color: $ucs-color-grey-6;}
.bg-grey-7{background-color: $ucs-color-grey-7;}
.bg-grey-8{background-color: $ucs-color-grey-8;}
.bg-grey-9{background-color: $ucs-color-grey-9;}
.bg-grey-10{background-color: $ucs-color-grey-10;}
.bg-grey-11{background-color: $ucs-color-grey-11;}
.bg-grey-12{background-color: $ucs-color-grey-12;}
/**
 * 文本色
 */
.color-grey{color: $ucs-color-grey;}
.color-grey-1{color: $ucs-color-grey-1;}
.color-grey-2{color: $ucs-color-grey-2;}
.color-grey-3{color: $ucs-color-grey-3;}
.color-grey-4{color: $ucs-color-grey-4;}
.color-grey-5{color: $ucs-color-grey-5;}
.color-grey-6{color: $ucs-color-grey-6;}
.color-grey-7{color: $ucs-color-grey-7;}
.color-grey-8{color: $ucs-color-grey-8;}
.color-grey-9{color: $ucs-color-grey-9;}
.color-grey-10{color: $ucs-color-grey-10;}
.color-grey-11{color: $ucs-color-grey-11;}
.color-grey-12{color: $ucs-color-grey-12;}
/**
 * 边框色
 */
.border-grey{border-color: $ucs-color-grey;}
.border-grey-1{border-color: $ucs-color-grey-1;}
.border-grey-2{border-color: $ucs-color-grey-2;}
.border-grey-3{border-color: $ucs-color-grey-3;}
.border-grey-4{border-color: $ucs-color-grey-4;}
.border-grey-5{border-color: $ucs-color-grey-5;}
.border-grey-6{border-color: $ucs-color-grey-6;}
.border-grey-7{border-color: $ucs-color-grey-7;}
.border-grey-8{border-color: $ucs-color-grey-8;}
.border-grey-9{border-color: $ucs-color-grey-9;}
.border-grey-10{border-color: $ucs-color-grey-10;}
.border-grey-11{border-color: $ucs-color-grey-11;}
.border-grey-12{border-color: $ucs-color-grey-12;}

.border-t-grey{border-top-color: $ucs-color-grey;}
.border-t-grey-1{border-top-color: $ucs-color-grey-1;}
.border-t-grey-2{border-top-color: $ucs-color-grey-2;}
.border-t-grey-3{border-top-color: $ucs-color-grey-3;}
.border-t-grey-4{border-top-color: $ucs-color-grey-4;}
.border-t-grey-5{border-top-color: $ucs-color-grey-5;}
.border-t-grey-6{border-top-color: $ucs-color-grey-6;}
.border-t-grey-7{border-top-color: $ucs-color-grey-7;}
.border-t-grey-8{border-top-color: $ucs-color-grey-8;}
.border-t-grey-9{border-top-color: $ucs-color-grey-9;}
.border-t-grey-10{border-top-color: $ucs-color-grey-10;}
.border-t-grey-11{border-top-color: $ucs-color-grey-11;}
.border-t-grey-12{border-top-color: $ucs-color-grey-12;}

.border-b-grey{border-bottom-color: $ucs-color-grey;}
.border-b-grey-1{border-bottom-color: $ucs-color-grey-1;}
.border-b-grey-2{border-bottom-color: $ucs-color-grey-2;}
.border-b-grey-3{border-bottom-color: $ucs-color-grey-3;}
.border-b-grey-4{border-bottom-color: $ucs-color-grey-4;}
.border-b-grey-5{border-bottom-color: $ucs-color-grey-5;}
.border-b-grey-6{border-bottom-color: $ucs-color-grey-6;}
.border-b-grey-7{border-bottom-color: $ucs-color-grey-7;}
.border-b-grey-8{border-bottom-color: $ucs-color-grey-8;}
.border-b-grey-9{border-bottom-color: $ucs-color-grey-9;}
.border-b-grey-10{border-bottom-color: $ucs-color-grey-10;}
.border-b-grey-11{border-bottom-color: $ucs-color-grey-11;}
.border-b-grey-12{border-bottom-color: $ucs-color-grey-12;}

.border-l-grey{border-left-color: $ucs-color-grey;}
.border-l-grey-1{border-left-color: $ucs-color-grey-1;}
.border-l-grey-2{border-left-color: $ucs-color-grey-2;}
.border-l-grey-3{border-left-color: $ucs-color-grey-3;}
.border-l-grey-4{border-left-color: $ucs-color-grey-4;}
.border-l-grey-5{border-left-color: $ucs-color-grey-5;}
.border-l-grey-6{border-left-color: $ucs-color-grey-6;}
.border-l-grey-7{border-left-color: $ucs-color-grey-7;}
.border-l-grey-8{border-left-color: $ucs-color-grey-8;}
.border-l-grey-9{border-left-color: $ucs-color-grey-9;}
.border-l-grey-10{border-left-color: $ucs-color-grey-10;}
.border-l-grey-11{border-left-color: $ucs-color-grey-11;}
.border-l-grey-12{border-left-color: $ucs-color-grey-12;}

.border-r-grey{border-right-color: $ucs-color-grey;}
.border-r-grey-1{border-right-color: $ucs-color-grey-1;}
.border-r-grey-2{border-right-color: $ucs-color-grey-2;}
.border-r-grey-3{border-right-color: $ucs-color-grey-3;}
.border-r-grey-4{border-right-color: $ucs-color-grey-4;}
.border-r-grey-5{border-right-color: $ucs-color-grey-5;}
.border-r-grey-6{border-right-color: $ucs-color-grey-6;}
.border-r-grey-7{border-right-color: $ucs-color-grey-7;}
.border-r-grey-8{border-right-color: $ucs-color-grey-8;}
.border-r-grey-9{border-right-color: $ucs-color-grey-9;}
.border-r-grey-10{border-right-color: $ucs-color-grey-10;}
.border-r-grey-11{border-right-color: $ucs-color-grey-11;}
.border-r-grey-12{border-right-color: $ucs-color-grey-12;}

.border-x-grey{border-right-color: $ucs-color-grey;border-left-color: $ucs-color-grey;}
.border-x-grey-1{border-right-color: $ucs-color-grey-1;border-left-color: $ucs-color-grey-1;}
.border-x-grey-2{border-right-color: $ucs-color-grey-2;border-left-color: $ucs-color-grey-2;}
.border-x-grey-3{border-right-color: $ucs-color-grey-3;border-left-color: $ucs-color-grey-3;}
.border-x-grey-4{border-right-color: $ucs-color-grey-4;border-left-color: $ucs-color-grey-4;}
.border-x-grey-5{border-right-color: $ucs-color-grey-5;border-left-color: $ucs-color-grey-5;}
.border-x-grey-6{border-right-color: $ucs-color-grey-6;border-left-color: $ucs-color-grey-6;}
.border-x-grey-7{border-right-color: $ucs-color-grey-7;border-left-color: $ucs-color-grey-7;}
.border-x-grey-8{border-right-color: $ucs-color-grey-8;border-left-color: $ucs-color-grey-8;}
.border-x-grey-9{border-right-color: $ucs-color-grey-9;border-left-color: $ucs-color-grey-9;}
.border-x-grey-10{border-right-color: $ucs-color-grey-10;border-left-color: $ucs-color-grey-10;}
.border-x-grey-11{border-right-color: $ucs-color-grey-11;border-left-color: $ucs-color-grey-11;}
.border-x-grey-12{border-right-color: $ucs-color-grey-12;border-left-color: $ucs-color-grey-12;}

.border-y-grey{border-top-color: $ucs-color-grey;border-bottom-color: $ucs-color-grey;}
.border-y-grey-1{border-top-color: $ucs-color-grey-1;border-bottom-color: $ucs-color-grey-1;}
.border-y-grey-2{border-top-color: $ucs-color-grey-2;border-bottom-color: $ucs-color-grey-2;}
.border-y-grey-3{border-top-color: $ucs-color-grey-3;border-bottom-color: $ucs-color-grey-3;}
.border-y-grey-4{border-top-color: $ucs-color-grey-4;border-bottom-color: $ucs-color-grey-4;}
.border-y-grey-5{border-top-color: $ucs-color-grey-5;border-bottom-color: $ucs-color-grey-5;}
.border-y-grey-6{border-top-color: $ucs-color-grey-6;border-bottom-color: $ucs-color-grey-6;}
.border-y-grey-7{border-top-color: $ucs-color-grey-7;border-bottom-color: $ucs-color-grey-7;}
.border-y-grey-8{border-top-color: $ucs-color-grey-8;border-bottom-color: $ucs-color-grey-8;}
.border-y-grey-9{border-top-color: $ucs-color-grey-9;border-bottom-color: $ucs-color-grey-9;}
.border-y-grey-10{border-top-color: $ucs-color-grey-10;border-bottom-color: $ucs-color-grey-10;}
.border-y-grey-11{border-top-color: $ucs-color-grey-11;border-bottom-color: $ucs-color-grey-11;}
.border-y-grey-12{border-top-color: $ucs-color-grey-12;border-bottom-color: $ucs-color-grey-12;}
